<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="../border.css">
    <script src="../jquery.js"></script>
    <title>添加频道</title>
</head>

<body>
    <header class="top">
        <p>添加频道</p>
        <div>
            <img id="close" src="../addServe/icon/close.png" alt="">
        </div>
    </header>
    <div class="channel-input">
        <input autofocus id="name" type="text" placeholder="请输入频道名称">
        <div class="password-contain">
            <input type="checkbox" id="is-password"><label style="margin-left: 0.5rem;" for="is-password">是否加密</label>
        </div>
        <input id="password" style="display:none;" type="text" placeholder="请设置密码">
    </div>
    <div class="isEmpty-jq" style="display: none;">
        <div class="isEmpty">
            <div>!</div>
            <p id="password-need">密码只能包含字母，数字以及特殊字符，并且不少于五位</p>
        </div>
    </div>
    <p class="serve-finish">创建</p>
    <script src="./js/index.js"></script>
</body>

</html>